<template>
	<view class="info"  :style="{height: pageHeight + 'px'}">
		<!-- <u-navbar
			title="基本信息"
			@rightClick="rightClick"
			:autoBack="true"
		>
		</u-navbar> -->
		
		<view style="width: 345px;min-height: 210px;;margin: 0px auto 0 auto;background-color: #fff;border-radius: 10px;padding: 15px 15px 15px 15px;box-sizing: border-box;">
			<view style="display: flex;align-items: center;">
				<text style="flex: 0 0 90px;font-size: 14px;">头像</text>
				<view style="flex: 1;text-align: right;display: flex;align-items: center;width: 100%;justify-content: flex-end;">
					<u--image src="../../../static/images/tou.svg" width="50px" height="50px" style="display: inline-block;margin-left: 15px;"></u--image>
					<u--image src="../../../static/images/icon-right.svg" width="14px" height="14px" style="display: inline-block;margin-left: 15px;"></u--image>
				</view>
			</view>
			<view style="display: flex;align-items: center;margin: 30px auto;">
				<text style="flex: 0 0 90px;font-size: 14px;">昵称</text>
				<view style="flex: 1;text-align: right;display: flex;align-items: center;width: 100%;justify-content: flex-end;font-size: 14px;">
					旭九日
				</view>
			</view>
			<view @click="topage('c')" style="display: flex;align-items: center;margin: 30px auto;">
				<text style="flex: 0 0 90px;font-size: 14px;">修改密码</text>
				<view style="flex: 1;text-align: right;display: flex;align-items: center;width: 100%;justify-content: flex-end;">
					<text style="font-size: 14px;">点击修改</text>
					<u--image src="../../../static/images/icon-right.svg" width="14px" height="14px" style="display: inline-block;margin-left: 15px;"></u--image>
				</view>
			</view>
		</view>
		<view class="outlogin">
			退出登录
		</view>
		
	</view>
</template>

<script>
	export default {
		data() {
			return {
				pageHeight: 0
			}
		},
		created() {
			this.$nextTick(() => {
				uni.getSystemInfo({
				  success: (res) => {  
					this.pageHeight = res.windowHeight
				  }  
				});
				
		
			})
		},
		methods: {
			topage(type) {
				if(type == 'c') {
					uni.navigateTo({
						url: '/pages/components/mine/newpassword'
					})
				}
			}
		}
	}
</script>

<style lang="scss" scoped>
	.info {
		background: #F7F8F9;
		padding-top: 15px;
		
	}
	.outlogin {
		width: 345px;
		height: 50px;
		background: #F22828;
		border-radius: 10px;
		color: #fff;
		text-align: center;
		margin: 30px auto;
		line-height: 50px;
		font-size: 14px;
	}
</style>